<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>鼠标感应</title>
</head>
<body>
	<h1>渐显图片</h1><hr>
	<a name="link1" href="" onmouseover="link1Over();">鼠标移到这里显示图片</a><br>
	<img name="img1" src="" style="filter:alpha(opacity=0)" onmouseover="makevisible(this, 0);" onmouseout="makevisible(this, 1);">
	<script type="text/javascript">
		function link1Over() {
			document.img1.src="1.jpg";
			document.img1.filters.alpha.opacity=20;
		}
		function makevisible(cur, which) {
			if(which == 0) {
				cur.filters.alpha.opacity=100;
			} else {
				cur.filters.alpha.opacity=20;
			}
		}
	</script>
</body>
</html>